<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Facebook contest</title>
        <style type="text/css">
            body {
                margin:0px;
                padding:0px;
                font-family:Arial, Helvetica, sans-serif;
                font-size:12px;
                color:#000;
            }
            p {
                line-height:16px;
                margin:0px;
                padding:0px;
            }

            h1 {
                padding:0px;
                margin-bottom:5px;
                margin-top:0px;
                font-size:14px;
            }
            a {
                color:#000;
                text-decoration:none;
            }
            a:hover {
                color:#000;
                text-decoration:underline;
            }

            img{ border:0px; background:none;}
            img a{ border:0px; background:none;}
            .w774{ width:774px;}
            .mc{ margin:0 auto;}
            .w850{ width:810px;}
            .bg_main{ background:url(images/bg_main.jpg) top left no-repeat #000; padding-bottom:30px;}
            .white_bg{ background:#FFFFFF; padding-bottom:20px;}
            .p30t{ padding-top:28px;}
            ul.nav{ width:624px; background:#90c07a; margin:0px; padding-left:150px; list-style:none; height:37px;}
            ul.nav li{ margin-left:0px; padding:0px; float:left; margin-right:1px;}
            ul.nav li a{ display:block; padding:11px 15px 11px 15px;}
            ul.nav li a:hover{ background:#add19c; text-decoration:none;}
            ul.nav li a.current{background:#add19c; text-decoration:none;}
            .po{ position:relative;}
            .logo{ background:url(images/logo.png) top left no-repeat; width:119px; height:123px; position:absolute; top:-20px; left:20px; font-size:0px;}
            .b3px{ border:3px solid #90c07a; border-top:0px;}
            .b1px{ border:1px solid #90c07a; width:175px; margin-top:25px;}
            .b1px img{ width:173px; height:140px; overflow:hidden;}
            .green_bg{ background:#90c07a; text-align:center; padding:6px 10px 6px 10px;}
            .img_main{ width:768px; height:260px; overflow:hidden;}
            .bg_vote{ background:#2a2a2a; color:#FFFFFF; text-align:center; padding:10px 10px 10px 10px; font-size:16px; position:absolute; right:1px; top:1px;}
            .w744{ width:744px;}
            .bg_btn{ background:url(images/bg_btn.png) top left no-repeat; width:87px; height:28px; text-align:center; padding-top:20px; margin-top:5px;}
            .bg_btn a{ font-size:15px; font-weight:bold; color:#fff}
            .bg_btn a:hover{ font-weight:lighter; text-decoration:none;}
            ul.pages{ list-style:none; margin:0px; padding-left:0px; float:right; padding-right:50px;}
            ul.pages li{ float:left; margin-left:0px; padding:0px; margin-right:2px;}
            ul.pages li a{ color:#fff; display:block; padding:3px 8px 3px 8px;}
            ul.pages li a:hover{ background:#FFFFFF; color:#000000; text-decoration:none;}
            ul.pages li a.curr{ background:#FFFFFF; color:#000;}
        </style>
    </head>
    <body>
        <div class="w850 mc bg_main p30t">
            <div class="w774 mc white_bg">
                
                <ul class="nav po">
                    <div class="logo">logo</div>
                    <li>
                        <a href="#">Nyheter  </a>
                    </li>
                    <li>
                        <a href="#" class="current">Bukser</a>
                    </li>
                    <li>
                        <a href="#">Fleece og gensere</a>
                    </li>
                    <li>
                        <a href="#">Skjorter og t-skjorter </a>
                    </li>
                    <li>
                        <a href="#">Bukser</a>
                    </li>
                </ul>
                <div style="clear:both"></div>
                <div class="b3px"><img src="images/main_img.png" alt="" class="img_main"/></div>
                <div class="w744 mc">
                    
                    <!-- main content -->
                    
                    <table cellspacing="0" cellpadding="0" align="center" width="100%">
                        <tr>
                            <td valign="top" align="center" width="25%">
                                <div class="b1px po">
                                    <div class="bg_vote">2356</div>
                                    <a href="#"><img src="images/pro_img.png" alt="" /></a>
                                    <div class="green_bg">
                                        Lorem Ipsum is simply dummy
                                    </div>
                                </div>
                                <div class="bg_btn"><a href="#">STEM</a></div>
                            </td>
                            <td valign="top" align="center" width="25%"><div class="b1px po">
                                    <div class="bg_vote">2356</div>
                                    <a href="#"><img src="images/pro_img.png" alt="" /></a>
                                    <div class="green_bg">
                                        Lorem Ipsum is simply dummy
                                    </div>

                                </div>
                                <div class="bg_btn"><a href="#">STEM</a></div></td>
                            <td valign="top" align="center" width="25%"><div class="b1px po">
                                    <div class="bg_vote">2356</div>
                                    <a href="#"><img src="images/pro_img.png" alt="" /></a>
                                    <div class="green_bg">
                                        Lorem Ipsum is simply dummy
                                    </div>

                                </div>
                                <div class="bg_btn"><a href="#">STEM</a></div></td>
                            <td valign="top" align="center" width="25%"><div class="b1px po">
                                    <div class="bg_vote">2356</div>
                                    <a href="#"><img src="images/pro_img.png" alt="" /></a>
                                    <div class="green_bg">
                                        Lorem Ipsum is simply dummy
                                    </div>

                                </div>
                                <div class="bg_btn"><a href="#">STEM</a></div></td>
                        </tr>
                        <tr>
                            <td valign="top" align="center" width="25%">
                                <div class="b1px po">
                                    <div class="bg_vote">2356</div>
                                    <a href="#"><img src="images/pro_img.png" alt="" /></a>
                                    <div class="green_bg">
                                        Lorem Ipsum is simply dummy
                                    </div>

                                </div>
                                <div class="bg_btn"><a href="#">STEM</a></div>
                            </td>
                            <td valign="top" align="center" width="25%"><div class="b1px po">
                                    <div class="bg_vote">2356</div>
                                    <a href="#"><img src="images/pro_img.png" alt="" /></a>
                                    <div class="green_bg">
                                        Lorem Ipsum is simply dummy
                                    </div>

                                </div>
                                <div class="bg_btn"><a href="#">STEM</a></div></td>
                            <td valign="top" align="center" width="25%"><div class="b1px po">
                                    <div class="bg_vote">2356</div>
                                    <a href="#"><img src="images/pro_img.png" alt="" /></a>
                                    <div class="green_bg">
                                        Lorem Ipsum is simply dummy
                                    </div>

                                </div>
                                <div class="bg_btn"><a href="#">STEM</a></div></td>
                            <td valign="top" align="center" width="25%"><div class="b1px po">
                                    <div class="bg_vote">2356</div>
                                    <a href="#"><img src="images/pro_img.png" alt="" /></a>
                                    <div class="green_bg">
                                        Lorem Ipsum is simply dummy
                                    </div>

                                </div>
                                <div class="bg_btn"><a href="#">STEM</a></div></td>
                        </tr>
                    </table>
                    
                    <!-- end of main content -->
                    
                </div>
            </div>
            <ul class="pages">
                <li><a href="#">&laquo;</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#" class="curr">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
            <div style="clear:both"></div>
        </div>

    </body>
</html>
